<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册新用户-江宁义务网上商城 - 网购首选 - 正品低价、品质保障、货到付款、配送及时、放心服务、轻松购物！</title>
<meta name="description" content="义务商城-专业的综合网上购物商城，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品、在线旅游等数万个品牌千万种优质商品。便捷、诚信的服务，为您提供愉悦的网上商城购物体验! ">
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东商城">
<jsp:include page="../common/include.jsp"></jsp:include>
<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<style type="text/css">
.first{
    display:none;
    float:left;
    margin-left:20px;
    border:#ececd5 1px solid;
    background:#fffceb;
    line-height:20px;
    height:20px;
    color:#686868;
    border-radius:2px;
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    padding-bottom:4px;
    font-size:12px;
}
.second{
    display:none;
    float:left;
    margin-left:20px;
    border:#e5c3c4 1px solid;
    padding-bottom:0px;
    padding-left:8px;
    padding-right:10px;
    line-height:14px;
    background:#ffeaea;
    white-space:nowrap;
    height:20px;
    padding-top:10px;
    border-radius:3px;
    font-size:12px;
}
.red{
    color:#c00;
}
.thread{
    display:none;
    float:left;
    width:30px;
    margin-left:20px;
    height:32px;
    background:url(../images/topbarnav_bg.png) no-repeat 0px -10px;
}
.inputTxtClass{
    font:12px/1.5 "microsoft yahei",tahoma;
BORDER-BOTTOM: #ddd 1px solid;
BORDER-LEFT: #ccc 1px solid;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 30px; PADDING-LEFT: 8px; WIDTH: 245px; PADDING-RIGHT: 8px;  FLOAT: left; HEIGHT: 30px; COLOR: #333; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 0px; -webkit-transition-property: all; -webkit-transition-duration: .5s; -moz-transition-property: all; -moz-transition-duration: .5s; -o-transition-property: all; -o-transition-duration: .5s; transition-property: all; transition-duration: .5s
}

.inputTxtClass-hover{
	BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ababab; BORDER-RIGHT-COLOR: #ccc; BORDER-LEFT-COLOR: #ababab
}
.inputTxtClass-focus{
	BORDER-BOTTOM-COLOR: #377bcb; BORDER-TOP-COLOR: #377bcb; BORDER-RIGHT-COLOR: #377bcb; BORDER-LEFT-COLOR: #377bcb
}
.inputTxtClass-error{
	BORDER-BOTTOM-COLOR: #d91111; BORDER-TOP-COLOR: #db1111; BORDER-RIGHT-COLOR: #d91111; BORDER-LEFT-COLOR: #d91111
}
.inputTxtClass:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px;
}
</style>
</head>

<body>
<div class="wrapper">
    <div class="header_container">
        <!--Header Starts-->
        <header><div class="header">
            <div class="top_bar clear">
                <!--Language Switcher Starts-->
               <div class="language_switch"> Hi. 蜗牛2. [<a href="<c:url value="/wlc"/> ">首页</a>]</div>
				<div class="language_switch head-right"> 您好,&nbsp;
					<c:if test="${user != null }">${uname} &nbsp;&nbsp;[<a href="<c:url value="/urc/lgnout"/>">退出</a>]</c:if>
					<c:if test="${user == null }"> 欢迎蜗牛商城 ! &nbsp;[<a href="<c:url value="/urc/lgnpage"/>">登录</a>]&nbsp; [<a href="<c:url value="/urc/regpage"/>">免费注册</a>]
					</c:if>
					 &nbsp;|&nbsp; <a class="nav" href="<c:url value="/ordc/myorder"/>">我的订单</a>&nbsp;|&nbsp; <a class="nav" href="#">客户服务</a></div>
                <!--Top Links Ends-->
            </div>
            <!--Logo Starts-->
            <h1 class="logo"> <a href="<c:url value="/wlc"/>"><img src="<c:url value="/images/logo.png"/> " /></a></h1>
            <!--Logo Ends-->
            <!--Search Starts-->
            	<div class="header_login"> | 亲, 欢迎注册</div>
            <!--Search Ends-->
        </div></header>
        <!--Header Ends-->
    </div>
    <div class="navigation_container">
        <!--Navigation Starts-->
        <!--Navigation Ends-->
    </div>
    <div class="section_container">
        <!--Mid Section Starts-->
        <section><div class="section">
        	<div class="login_box_">
        	<div class="login_box">
				  <div class="login_ll reg">
				  <form action="<c:url value="/urc/reg"/>" method="get">
				  	<input type="hidden" name="encry" id="encry"/>
		            <input type="hidden" name="md5password" id="md5password"/>
		            <input type="hidden" name="regtoken" value="${regtoken}" />
					<table>
						<tr>
							<td>用 户 名 ：</td><td><input type="text" class="inputTxtClass" id="username"  value="" name="username" onfocus="mession(this)" onblur="validVal(this)"></td>
							<td><div id="username_sec" class="seco">
									<div class="first"><span>用户名   / 邮箱  / 手机号码</span></div>
				  	                <div class="second"><span class="red"></span></div>
						            <div class="thread"></div>
								</div>
							</td>
						</tr>
						<tr>
							<td>登录密码：</td><td><input type="password" class="inputTxtClass" id="password"  value="" name="pwd" maxlength="16" onfocus="mession(this)" onblur="validVal(this)"></td>
							<td><div id="pwd_sec" class="seco">
									<div class="first"><span>6~16位数字和字母组成</span></div>
				  	                <div class="second"><span class="red"></span></div>
						            <div class="thread"></div>
								</div></td>
						</tr>
						<tr>
							<td>确认密码：</td><td><input type="password" class="inputTxtClass" id="commitPassword"  name="pwdd" onfocus="mession(this)" onblur="validVal(this)"></td>
							<td><div id="cpwd_sec" class="seco">
								    <div class="second"><span class="red"></span></div>
						            <div class="thread"></div>
								</div></td>
						</tr>
						<tr>
							<td>验 证 码 ：</td><td><input type="text" name="code" class="code"></td><td></td>
						</tr>
						<tr>
							<td></td><td><input type="submit"  id="registSubmit" onclick="return regist();" value="注  册"></td><td></td>
						</tr>
					</table>	</form>
				  </div>
				  <div class="reg_info">
				  	<span>已有帐号？ <a href="<c:url value="/urc/lgnpage"/>">直接登录</a></span>
				  </div>
        	</div></div>
        	<p>&nbsp;</p>
        </div></section>
        <!--Mid Section Ends-->
    </div>
    <div class="footer_container">
        <!--Footer Starts-->
            <address>
            	<ul><li><a href="#">关于我们</a></li>
            		<li><a href="#">联系我们</a></li>
            		<li><a href="#">人才招聘</a></li>
            		<li><a href="#">商家入驻</a></li>
            		<li><a href="#">广告服务</a></li>
            		<li>免责条款 © 2012-2014 ***  版权所有，并保留所有权利。 </li>
   				</ul>
            </address>
        <!--Footer Ends-->
    </div>
</div>

<!--CUSTOMIZE-->
<!-- <style type="text/css">
.page_selector{ position:absolute; right:0px; top:28%;}
.page_selector a.page_open{ display:inline-block; width:60px; height:12px; background:#252525; color:#fff; text-align:center; font-size:14px; padding:20px 0px; font-weight:bold; text-decoration:none; float:left;}
.page_selector ul{ float:left; background:#f0f0f0; padding:10px 0px; border-top:solid 2px #000; border-bottom:solid 2px #000; display:none;}
.page_selector ul li{ padding:8px 10px; }
.page_selector ul li a{ font-weight:bold; text-decoration:none; color:#000; display:block; padding:2px 5px; text-transform:uppercase; font-size:11px;}

.store_selector{ position:absolute; left:0px; top:28%;}
.store_selector .store_open{display:inline-block; width:128px; height:55px;}
.store_selector div{ float:left; width:157px; height:226px; display:none;}
</style> -->
<!--CUSTOMIZE-->
</body>
</html>